$(function() {
    $("#loginBox a").on('click', function() {
        // 点击第一个a链接了,隐藏第一个显示第二个
        $("#loginBox").hide();
        $("#regBox").show();
    })
    $("#regBox a").on('click', function() {
        // 点击第二个a链接了,显示第一个隐藏第二个
        $("#loginBox").show();
        $("#regBox").hide();
    });


    // 需求2. 定义效验规则
    let form =layui.form; 

    form.verify({
        // 属性是效验名称,只是效验规则
        // 只有两种类型, 函数和数组
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须1到10位数字和字母'
        ],
        pwd: [
            /^[a-zA-Z0-9]{6,12}$/,
            '密码必须是6到12位数字和字母',
        ],

        // 确认密码规则
        rePwd: function (value) {
            let pwd = $("#regBox input[name=password]").val();
            if(pwd !== value) {
                return '两次密码输入不一致!!!'
            }
        }


    })
    // 需求3.注册功能
    let layer = layui.layer;
    $("#formReg").on('submit', function (e) {
        // 阻止表单默认提交
        e.preventDefault();
        // 发送 axios
        axios({
            method:'POST', 
            url:'/api/reguser',
            data:$(this).serialize()
        }).then(res => {
            // console.log(res.data);
            // 判断返回的值 是否正确
            if (res.data.status !==0 ) {
                return layer.msg(res.data.message, {icon: 1});
            }
            // 成功后 提示 alert("恭喜您. 注册用户成功!!!")
            layer.msg("恭喜您. 注册用户成功!!!", {icon: 1});
            // 切换到登录模块
            $("#regBox a").click();

            $("#formReg")[0].reset()
        });
    });

        // 需求4.登录功能
        $("#formLogin").on('submit', function(e) {
            // 阻止表单默认提交
            e.preventDefault();
            // 发送 axios
            axios({
                method:'POST',
                url: '/api/login',
                data: $(this).serialize()
            }).then(res=>{
                // 判断
                if (res.data.status !==0) {
                    return layer.msg(res.data.message,{icon: 5});
                    
                }
                     // 成功 提示 存储 token
            layer.msg('恭喜您.登陆成功 !!!',{icon: 6});
            // 保存token, 后面用于身份认证
            localStorage.setItem('token', res.data.token);
            // 页面跳转
            location.href = '/index.html'
                
            })
        })
})